import { PageBar } from '../../../components/components.js';

class productList extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      all: 50,
      pageConten: 10,
      pageSize: 5,
      page: 5,
      num: 1
    };
    this.onclick = this.onclick.bind(this);
  }

  onclick() {
    this.setState({
      all: this.state.all + 10,
      page: 6
    })
    // this.setState({
    //   num: this.state.num + 1
    // })
  }
  render() {
    return (
      <div className="productList">
        <ol className="breadcrumb">
          <li>首页</li>
          <li className="active">产品管理</li>
        </ol>
        <div className="container-fluid">
          <div className="productList-body">
            <div className="productList-tool"></div>
            <div className="productList-order">
              <div className="productList-order-tool">
                <strong>检测单号</strong>
                <div className="pull-right">
                  <span></span>
                  <span></span>
                  <span></span>
                  <button type="button" className="btn btn-success" onClick={this.onclick}>检测详情</button>
                </div>
              </div>
              <table className="table table-hover table-bordered">
                <thead>
                  <tr>
                    <th>头像</th>
                    <th>姓名</th>
                    <th>身份</th>
                    <th>手机号</th>
                    <th>所属主管</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>123</td>
                    <td>123</td>
                    <td>123</td>
                    <td>123</td>
                    <td>123</td>
                  </tr>
                  <tr>
                    <td>123</td>
                    <td>123</td>
                    <td>123</td>
                    <td>123</td>
                    <td>123</td>
                  </tr>
                  <tr>
                    <td>123</td>
                    <td>123</td>
                    <td>123</td>
                    <td>123</td>
                    <td>123</td>
                  </tr>
                </tbody>
              </table>
              <PageBar all={this.state.all} pageConten={this.state.pageConten} pageSize={this.state.pageSize} page={this.state.page}/>
            </div>
          </div>
        </div>
      </div>
    )
  }
}
module.exports = productList;
